﻿
$(function () {
    setmyChart();
    //initEchartMap();

});
function setmyChart() {
    var myChart = echarts.init(document.getElementById('center_pie'));
    myChart.setOption({
        tooltip: {
            trigger: 'item',
            formatter: "{c}({d}%)"
        },
        series: [
            {
                name: '数据决策',
                type: 'pie',
                radius: '60%',
                center: ['50%', '50%'],
                data: [
                    { value: 335, name: '由我录入' },
                    { value: 310, name: '由我审核' },
                    { value: 234, name: '由我上报' },
                    { value: 535, name: '我能审核' },
                    { value: 548, name: '我能上报' }
                ]
            }
        ]
    });


    var myChart2 = echarts.init(document.getElementById('center_barY'));
    myChart2.setOption({
        title: {
            x: 'center',
            y: '30',
            text: '近一个月信息采编动态'
        },
        tooltip: {
            trigger: 'item',
            formatter: "{b}:{c}"
        },
        grid: {
            borderWidth: 0,
            y: 80,
            y2: 60
        },
        xAxis: [
            {
                type: 'value'
            }
        ],
        yAxis: [
            {
                type: 'category',
                data: ['云南财政信息', '财政部门户网站', '财政厅门户网站', '省委办公厅', '省政府办公厅']
            }
        ],
        series: [
            {
                name: '近一年各科室科信息采编',
                type: 'bar',
                itemStyle: {
                    normal: {
                        color: function (params) {
                            // build a color map as your need.
                            var colorList = [
                              '#C1232B', '#B5C334', '#FCCE10', '#E87C25', '#27727B',
                               '#FE8463', '#9BCA63', '#FAD860', '#F3A43B', '#60C0DD',
                               '#D7504B', '#C6E579', '#F4E001', '#F0805A', '#26C0C0'
                            ];
                            return colorList[params.dataIndex]
                        },
                        label: {
                            show: true,
                            position: 'right',
                            formatter: '{c}'
                        }
                    }
                },
                data: [8, 12, 10, 3, 7]
            }
        ]
    });
    var myChart3 = echarts.init(document.getElementById('center_barX'));
    myChart3.setOption({
        title: {
            x: 'center',
            y:'30',
            text: '近一年各科室信息采编'
        },
        tooltip: {
            trigger: 'item',
            formatter: "{b}:{c}"
        },
        grid: {
            borderWidth: 0,
            y: 80,
            y2: 60
        },
        xAxis: [
            {
                type: 'category',
                data: ['办公室', '预算局', '税政处', '国库处', '社会保障处', '农业处']
            }
        ],
        yAxis: [
            {
                type: 'value'
            }
        ],
        series: [
            {
                name: '近一年各科室科信息采编',
                type: 'bar',
                itemStyle: {
                    normal: {
                        color: function (params) {
                            // build a color map as your need.
                            var colorList = [
                              '#C1232B', '#B5C334', '#FCCE10', '#E87C25', '#27727B',
                               '#FE8463', '#9BCA63', '#FAD860', '#F3A43B', '#60C0DD',
                               '#D7504B', '#C6E579', '#F4E001', '#F0805A', '#26C0C0'
                            ];
                            return colorList[params.dataIndex]
                        },
                        label: {
                            show: true,
                            position: 'top',
                            formatter: '{c}'
                        }
                    }
                },
                data: [22, 20, 25, 15, 10, 30]
            }
        ]
    });

    var myChart4 = echarts.init(document.getElementById('center_barZ'));
    myChart4.setOption({
        title: {
            x: 'center',
            y: '30',
            text: '近一年各州市信息采编'
        },
        tooltip: {
            trigger: 'item',
            formatter: "{b}:{c}"
        },
        grid: {
            borderWidth: 0,
            y: 80,
            y2: 60
        },
        xAxis: [
            {
                type: 'category',
                data: ['昆明市', '曲靖市', '楚雄州', '保山市', '文山州', '昭通市', '德宏州', '迪庆州']
            }
        ],
        yAxis: [
            {
                type: 'value'
            }
        ],
        series: [
            {
                name: '近一年各科室科信息采编',
                type: 'bar',
                itemStyle: {
                    normal: {
                        color: function (params) {
                            // build a color map as your need.
                            var colorList = [
                              '#C1232B', '#B5C334', '#FCCE10', '#E87C25', '#27727B',
                               '#FE8463', '#9BCA63', '#FAD860', '#F3A43B', '#60C0DD',
                               '#D7504B', '#C6E579', '#F4E001', '#F0805A', '#26C0C0'
                            ];
                            return colorList[params.dataIndex]
                        },
                        label: {
                            show: true,
                            position: 'top',
                            formatter: '{c}'
                        }
                    }
                },
                data: [22, 20, 25, 15, 10, 30, 25, 15]
            }
        ]
    });
}

//var Mpecharts;
//function drawMychart() {
//    myChartmap = Mpecharts.init(document.getElementById('center_map'));
//    myChartmap.setOption({
//        title: {
//            text: 'iphone销量',
//            subtext: '纯属虚构',
//            x: 'center'
//        },
//        tooltip: {
//            trigger: 'item'
//        },
//        legend: {
//            orient: 'vertical',
//            x: 'left',
//            data: ['iphone3', 'iphone4', 'iphone5']
//        },
//        dataRange: {
//            min: 0,
//            max: 2500,
//            x: 'left',
//            y: 'bottom',
//            text: ['高', '低'],           // 文本，默认为数值文本
//            calculable: true
//        },
//        toolbox: {
//            show: true,
//            orient: 'vertical',
//            x: 'right',
//            y: 'center',
//            feature: {
//                mark: { show: true },
//                dataView: { show: true, readOnly: false },
//                restore: { show: true },
//                saveAsImage: { show: true }
//            }
//        },
//        roamController: {
//            show: true,
//            x: 'right',
//            mapTypeControl: {
//                'china': true
//            }
//        },
//        series: [
//            {
//                name: 'iphone3',
//                type: 'map',
//                mapType: 'china',
//                roam: false,
//                itemStyle: {
//                    normal: { label: { show: true } },
//                    emphasis: { label: { show: true } }
//                },
//                data: [
//                    { name: '北京', value: Math.round(Math.random() * 1000) },
//                    { name: '天津', value: Math.round(Math.random() * 1000) },
//                    { name: '上海', value: Math.round(Math.random() * 1000) },
//                    { name: '重庆', value: Math.round(Math.random() * 1000) },
//                    { name: '河北', value: Math.round(Math.random() * 1000) },
//                    { name: '河南', value: Math.round(Math.random() * 1000) },
//                    { name: '云南', value: Math.round(Math.random() * 1000) },
//                    { name: '辽宁', value: Math.round(Math.random() * 1000) },
//                    { name: '黑龙江', value: Math.round(Math.random() * 1000) },
//                    { name: '湖南', value: Math.round(Math.random() * 1000) },
//                    { name: '安徽', value: Math.round(Math.random() * 1000) },
//                    { name: '山东', value: Math.round(Math.random() * 1000) },
//                    { name: '新疆', value: Math.round(Math.random() * 1000) },
//                    { name: '江苏', value: Math.round(Math.random() * 1000) },
//                    { name: '浙江', value: Math.round(Math.random() * 1000) },
//                    { name: '江西', value: Math.round(Math.random() * 1000) },
//                    { name: '湖北', value: Math.round(Math.random() * 1000) },
//                    { name: '广西', value: Math.round(Math.random() * 1000) },
//                    { name: '甘肃', value: Math.round(Math.random() * 1000) },
//                    { name: '山西', value: Math.round(Math.random() * 1000) },
//                    { name: '内蒙古', value: Math.round(Math.random() * 1000) },
//                    { name: '陕西', value: Math.round(Math.random() * 1000) },
//                    { name: '吉林', value: Math.round(Math.random() * 1000) },
//                    { name: '福建', value: Math.round(Math.random() * 1000) },
//                    { name: '贵州', value: Math.round(Math.random() * 1000) },
//                    { name: '广东', value: Math.round(Math.random() * 1000) },
//                    { name: '青海', value: Math.round(Math.random() * 1000) },
//                    { name: '西藏', value: Math.round(Math.random() * 1000) },
//                    { name: '四川', value: Math.round(Math.random() * 1000) },
//                    { name: '宁夏', value: Math.round(Math.random() * 1000) },
//                    { name: '海南', value: Math.round(Math.random() * 1000) },
//                    { name: '台湾', value: Math.round(Math.random() * 1000) },
//                    { name: '香港', value: Math.round(Math.random() * 1000) },
//                    { name: '澳门', value: Math.round(Math.random() * 1000) }
//                ]
//            },
//            {
//                name: 'iphone4',
//                type: 'map',
//                mapType: 'china',
//                itemStyle: {
//                    normal: { label: { show: true } },
//                    emphasis: { label: { show: true } }
//                },
//                data: [
//                    { name: '北京', value: Math.round(Math.random() * 1000) },
//                    { name: '天津', value: Math.round(Math.random() * 1000) },
//                    { name: '上海', value: Math.round(Math.random() * 1000) },
//                    { name: '重庆', value: Math.round(Math.random() * 1000) },
//                    { name: '河北', value: Math.round(Math.random() * 1000) },
//                    { name: '安徽', value: Math.round(Math.random() * 1000) },
//                    { name: '新疆', value: Math.round(Math.random() * 1000) },
//                    { name: '浙江', value: Math.round(Math.random() * 1000) },
//                    { name: '江西', value: Math.round(Math.random() * 1000) },
//                    { name: '山西', value: Math.round(Math.random() * 1000) },
//                    { name: '内蒙古', value: Math.round(Math.random() * 1000) },
//                    { name: '吉林', value: Math.round(Math.random() * 1000) },
//                    { name: '福建', value: Math.round(Math.random() * 1000) },
//                    { name: '广东', value: Math.round(Math.random() * 1000) },
//                    { name: '西藏', value: Math.round(Math.random() * 1000) },
//                    { name: '四川', value: Math.round(Math.random() * 1000) },
//                    { name: '宁夏', value: Math.round(Math.random() * 1000) },
//                    { name: '香港', value: Math.round(Math.random() * 1000) },
//                    { name: '澳门', value: Math.round(Math.random() * 1000) }
//                ]
//            },
//            {
//                name: 'iphone5',
//                type: 'map',
//                mapType: 'china',
//                itemStyle: {
//                    normal: { label: { show: true } },
//                    emphasis: { label: { show: true } }
//                },
//                data: [
//                    { name: '北京', value: Math.round(Math.random() * 1000) },
//                    { name: '天津', value: Math.round(Math.random() * 1000) },
//                    { name: '上海', value: Math.round(Math.random() * 1000) },
//                    { name: '广东', value: Math.round(Math.random() * 1000) },
//                    { name: '台湾', value: Math.round(Math.random() * 1000) },
//                    { name: '香港', value: Math.round(Math.random() * 1000) },
//                    { name: '澳门', value: Math.round(Math.random() * 1000) }
//                ]
//            }
//        ]
//    });
//}
//function requireCallback(ec, defaultTheme) {
//    alert("a");
//    Mpecharts = ec;
//    drawMychart();
//}
//function initEchartMap() {
//    require.config({
//        paths: {
//            echarts: 'js/echart20/js'
//        }
//    });
//    require(
//            [
//                'echarts',
//                'echarts/chart/map'
//            ],
//            requireCallback
//        );
//}